<template>
  <div>
    <div class="view-body">
      <!-- 左侧界面 -->
      <div class="view-sidebar">
        <div class="sidebar-content">
          <div class="sidebar-nav">
            <div class="sidebar-title">
              <a @click='routeChange("/personalCenter/personIndex")' href="javascript:void(0);">
                <span class="icon"><b class="fl icon-arrow-down"></b></span>
                <span class="text-normal">用户中心</span>
              </a>
            </div>
            <ul class="sidebar-trans">
              <li>
                <a @click='routeChange("/personalCenter/PersonOrder")' href="javascript:void(0);">
                  <b class="sidebar-icon"
                    ></b>
                  <span class="text-normal">订单管理</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 右侧界面 -->
      <div class="view-product">
        <router-view></router-view>
      </div>
      
    </div>
      
  </div>

</template>

<style>
@import './Css/control_index.css';
@import './Css/layout.css';
@import './Css/style.css';
.view-body {
    display: flex;
    flex-direction: row;
    position: static !important;
    min-height: 600px;
    width: 100%;
    min-width: 1200px;
    bottom: 0px;
    background-color: white;
}
.view-body .view-sidebar {
    position: static !important;
    /* top: 50px; */
    width: 20%;
    bottom: 0px;
    background-color: #293038;
    z-index: 102;
}
.view-product {
    min-height: 600px;
    width: 80%;
    position: static !important;
    top: 0px;
    /* left: 180px; */
    bottom: 0px;
    right: 0px;
    padding-bottom: 0px !important;
    overflow: auto;
    /* background: #FFF; */
}
.background-color {
    background: #f2f2f2 !important;
    height: 100%;
}
</style>
<!--
<script type="text/javascript" src="./Js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./Js/layer/layer.js"></script>
<script type="text/javascript" src="./Js/haidao.offcial.general.js"></script>
<script type="text/javascript" src="./Jslect.js"></script>
<script type="text/javascript" src="./Js/haidao.validate.js"></script>-->
<script>
export default {
  name: "PersonalCenter",
  components: {},
  created() {
    
  },
  methods: {
    routeChange(path){
      this.$router.push(path)
    }
  }
};
</script>